import React, { Component } from 'react';
import LazyImg from '../LazyImg'
class Index extends Component {
  render() {
    const { title, url, desc, onClick } = this.props
    return (
      <dl onClick={ () => onClick && onClick() }>
        <dt><LazyImg src={url} /></dt>
        <dd>
          <h3>{title}</h3>
          <p>{desc}</p>
        </dd>
      </dl>
    );
  }
}

export default Index;
